<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="always" name="referrer">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>茶山市场</title>
		<link rel="stylesheet" href="/LianniuWeb/tea/css/reset.css">
		<link rel="stylesheet" href="/LianniuWeb/tea/css/swiper3.1.0.min.css">
		<link rel="stylesheet" href="/LianniuWeb/tea/views/tea-market/tea-market.css">
	</head>

	<body>
		<div class="top-search">
			<span class="fl address-chose" id="expressArea">长沙</span>
			<div class="organ fr" id="organ">本地林业机构</div>
		</div>
		<div class="">
			<!-- <div class="position-rel position-w fl">
				<div class="position-rel">
					<input type="text" id="chose_input" class="form-control" placeholder="">
					<div class="bank_xljt1 chose_bank" id="1"> 
						<span>全部区域</span>
					</div>
				</div>
				<div class="bank_xl" style="display: none;">
					<ul>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="光大银行">光大银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="华夏银行">华夏银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="民生银行">民生银行</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="position-rel position-w fl">
				<div class="position-rel">
					<input type="text" id="chose_input" class="form-control" placeholder="">
					<div class="bank_xljt1 chose_bank" id="2">
						<span>全部类型</span>
					</div>
				</div>
				<div class="bank_xl" style="display: none;">
					<ul>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="光大银行">光大银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="华夏银行">华夏银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="民生银行">民生银行</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="position-rel position-w fl">
				<div class="position-rel">
					<input type="text" id="chose_input" class="form-control" placeholder="">
					<div class="bank_xljt1 chose_bank" id="3">
						<span>综合排序</span>
					</div>
				</div>
				<div class="bank_xl" style="display: none;">
					<ul>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="光大银行">光大银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="华夏银行">华夏银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="民生银行">民生银行</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="position-rel position-w fl">
				<div class="position-rel">
					<input type="text" id="chose_input" class="form-control" placeholder="">
					<div class="bank_xljt1 chose_bank chose-two" id="4">
						<span>筛选</span>
					</div>
				</div>
				<div class="bank_xl" style="display: none;">
					<ul>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="光大银行">光大银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="华夏银行">华夏银行</a>
						</li>
						<li class="hotBank-list">
							<a href="javascript:" class="hotBank-list-ico " title="民生银行">民生银行</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
		</div> -->
		
		<div class="recommend-box">
			<div class="swiper-container swiper-container2">
				<div class="swiper-wrapper">
					<!-- <div class="swiper-slide">
						<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" />
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div>
					<div class="swiper-slide">
						<img src="" />
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div>
					<div class="swiper-slide">
						<img src=""
						/>
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div> -->
				</div>
			</div>
			<div class="index-list">
				<!-- <div class="list-item clear">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" alt="" class="fl">
					<div class="item-r fl">
						<p class="item-tit">益阳安化县102亩有林地转让</p>
						<div class="item-det clear">
							<span class="fl color01">有林地</span>
							<span class="fl color02">转让</span>
							<span class="fl color03">已认证</span>
						</div>
						<div class="item-time clear">
							<p class="fl">102亩</p>
							<span class="fr">20年</span>
						</div>
						<div class="num-box clear">
							<div class="fl">￥<span>1000</span>万元</div>
							<p class="fr">湖南/益阳/安化</p>
						</div>
					</div>
				</div>
				<div class="list-item clear">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" alt="" class="fl">
					<div class="item-r fl">
						<p class="item-tit">益阳安化县102亩有林地转让</p>
						<div class="item-det clear">
							<span class="fl color01">有林地</span>
							<span class="fl color02">转让</span>
							<span class="fl color03">已认证</span>
						</div>
						<div class="item-time clear">
							<p class="fl">102亩</p>
							<span class="fr">20年</span>
						</div>
						<div class="num-box clear">
							<div class="fl">￥<span>1000</span>万元</div>
							<p class="fr">湖南/益阳/安化</p>
						</div>
					</div>
				</div> -->
			</div>
		</div>
		<div class="detail-bottom">
			<div class="index1-gary">
				<p id="index"></p>
				<span>首页</span>
			</div>
			<div class="index2-green">
				<p></p>
				<span class="color-green">茶山市场</span>
			</div>
			<div class="index3-gray">
				<p></p>
				<span>发布</span>
			</div>
			<div class="index4-gray">
				<p id="inf"></p>
				<span>茶讯头条</span>
			</div>
			<div class="index5-gray">
				<p id="tea-my"></p>
				<span>我的</span>
			</div>
		</div>
		<div class="demand-btn"></div>
		<!--选择地区弹层-->
		<section id="areaLayer" class="express-area-box">
			<header>
				<h3>选择地区</h3>
				<a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
				<a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
			</header>
			<article id="areaBox">
				<ul id="areaList" class="area-list"></ul>
			</article>
		</section>
		<!--遮罩层-->
		<div id="areaMask" class="mask"></div>
		<script type="text/javascript" src="/LianniuWeb/tea/js/flexible.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/js/swiper3.1.0.min.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/js/area.js"></script>
		<script src="/LianniuWeb/tea/build/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="/LianniuWeb/js/commons/commons.js"></script>
		<script type="text/javascript" src="/LianniuWeb/tea/views/tea-market/tea-market.js"></script>
		<script>
			$(function() {
				/* var mySwiper1 = new Swiper('.swiper-container2', {
					direction: 'horizontal',
					loop: true,
				}); */
				$(".hotBank-list-ico").bind('click', function() {
					$(this).parents('.bank_xl').siblings('.position-rel').children('.form-control').removeAttr('placeholder');
					$(this).parents('.bank_xl').siblings('.position-rel').children('.chose_bank').children('span').html($(this).attr('title'));
					$(this).parents('.bank_xl').hide();
				});
				$(".chose_bank").click(function() {
					var select = $(this);
					var selects = $('.chose_bank');
					$.each(selects,function(i,n){
						if(!($(n).attr('id')==select.attr('id'))){
							$(this).parent().siblings('.bank_xl').hide();
						}
					});
					$(this).parent().siblings('.bank_xl').show();
				});
			})
		</script>
	</body>

</html>
